.unique-page-wrapper {
  height: 100%;
}

@mixin text-basic {
  position: relative;
  padding-left: 12px;
  &:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    margin-top: -3px;
    left: 0;
    border-radius: 50%;
  }
}

.text-success {
  @include text-basic;
  color: #1a9751;
  &::after {
    background-color: #1a9751;
  }
}

.text-error {
  @include text-basic;
  color: #ad2e2e;
  &::after {
    background-color: #ad2e2e;
  }
}

.text-ready {
  @include text-basic;
  color: #e99f11;
  &::after {
    background-color: #e99f11;
  }
}

.gc-icon-button {
  display: inline-block;
  .icon-button {
    cursor: pointer;
    color: #567ced;
    font-size: 16px;
  }
  & + .gc-icon-button {
    margin-left: 8px;
  }
  & + .link-btn {
    margin-left: 8px;
  }
}

.operate-btn-group {
  display: flex;
  align-items: center;
  &.center {
    justify-content: center;
  }
  .link-btn {
    button {
      &:focus {
        color: #567ced;
      }
      &:hover {
        color: #a0cfff !important;
      }
    }
    & + .link-btn {
      position: relative;
      &:after {
        content: "";
        width: 1px;
        height: 10px;
        position: absolute;
        background-color: #e3d8d8;
        top: 8px;
        left: -4px;
      }
    }
  }
}

.el-image {
  & + .el-image {
    margin-left: 6px;
  }
}

.overflow-hidden-tooltip {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-form-item__content {
  .el-select {
    width: 100%;
  }
}